<template>
	<view class="content">
		<uni-nav-bar :statusBar="true" dark fixed title="新建比赛" left-icon="left" @clickLeft="clickLeft">
			<block slot="right">
				<view class="city">
					<view @click="onCreated">
						创建
					</view>
				</view>
			</block>
		</uni-nav-bar>
		<view>
			
			<uni-list class="list">
				<uni-list-item title="主队" />
				<uni-list-item title="客队" rightText="" />
			</uni-list>
			<view class="line"></view>
			<uni-list class="list" :border="false">
				<uni-list-item clickable @click="onSelectTime" title="时间选择" rightText="2024-10-14">
				</uni-list-item>
				<uni-list-item title="阶段" rightText="小组赛" />
				<uni-list-item title="阶段" rightText="场地" />
			</uni-list>
			<uni-datetime-picker style="opacity: 0;" ref="date" type="datetime" v-model="datetimesingle" @change="changeLog" />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			onSelectTime() {
				console.log(this.$refs.date.show())
			},
			clickLeft() {
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
	page {
		background-color: #F7FBFC;
	}
.content {
	
	.list {
		padding: 0 30rpx;
	}
	.line {
		height: 6px;
		background-color: #F7FBFC;
	}
}
</style>